<template>
  <div>
    <div class="title">
      <el-row>
        <el-col :span="1" style="width: 50px;">
          <span style="color:#757575;">位置 : </span>
        </el-col>
        <el-col :span="20">
          <span class="hand"></span>
        </el-col>
        <el-col :span="20">
          <span @click="tableshow" class="hand" :class="{'textactive' : !secondshow}">今日任务</span>
          <span v-if="secondshow" :class="{'textactive' : secondshow}"> > {{secondtitle}}</span>
        </el-col>
      
      </el-row>
    </div>
    <div class="posttable" v-if="!detailShow">
      <div style="margin-bottom: 10px;background-color: #fff;" v-if="flag">
        <el-row type="flex" justify="center">
          <el-col :span="23" class="text">
            <el-col :span="12">
              <h4>今日上午</h4>
            </el-col>
            <el-col :span="12">
              <el-col style="width: 65px;float: right;">
                <el-button class="edit" size="small" @click="editam" round>修改
                </el-button>
              </el-col>
            
            </el-col>
          </el-col>
        </el-row>
        <el-row type="flex" justify="center">
          <el-col :span="23">
            <el-table
              ref="singleTable"
              highlight-current-row
              :data="tableData"
              @current-change="handleCurrentChange"
            >
              <el-table-column
                width="100"
                label="姓名"
              >
                <template slot-scope="scope">
                  <span style="color: #757575;">{{scope.row.name}}</span>
                </template>
              </el-table-column>
              <el-table-column
                width="100"
                prop="customerName"
                label="推送客户"
              >
              </el-table-column>
              <el-table-column
                prop="postName"
                label="推送职位">
              </el-table-column>
              <el-table-column
                width="100"
                prop="postLevel"
                label="职位级别">
              </el-table-column>
              <el-table-column
                prop="initialTime"
                label="候选人时间">
              </el-table-column>
              <el-table-column
                prop="communication"
                label="前期沟通情况"
              >
              </el-table-column>
              <el-table-column
                prop="candidateChangeReason"
                label="原因"
              >
              </el-table-column>
            </el-table>
            <div class="pager">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="pagehandleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[5,10,15]"
                :page-size="pagesize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="totalcount"
              ></el-pagination>
            </div>
          </el-col>
        </el-row>
      </div>
      <div style="margin-bottom: 10px;background-color: #fff;">
        <el-row type="flex" justify="center">
          <el-col :span="23" class="text">
            <el-col :span="12">
              <h4>今日下午</h4>
            </el-col>
            <el-col :span="12">
              <el-col style="width: 65px;float: right;">
                <el-button class="edit" size="small" @click="editpm" round>修改
                </el-button>
              </el-col>
            
            </el-col>
          </el-col>
        </el-row>
        <el-row type="flex" justify="center">
          <el-col :span="23">
            <el-table
              ref="singleTable1"
              highlight-current-row
              :data="tableData1"
              @current-change="handleCurrentChange1"
            >
              <el-table-column
                width="100"
                label="姓名"
              >
                <template slot-scope="scope">
                  <span style="color: #757575;">{{scope.row.name}}</span>
                </template>
              </el-table-column>
              <el-table-column
                width="100"
                prop="customerName"
                label="推送客户"
              >
              </el-table-column>
              <el-table-column
                prop="postName"
                label="推送职位">
              </el-table-column>
              <el-table-column
                width="100"
                prop="postLevel"
                label="职位级别">
              </el-table-column>
              <el-table-column
                prop="initialTime"
                label="候选人时间">
              </el-table-column>
              <el-table-column
                prop="communication"
                label="前期沟通情况"
              >
              </el-table-column>
              <el-table-column
                prop="candidateChangeReason"
                label="原因"
              >
              </el-table-column>
            </el-table>
            <div class="pager">
              <el-pagination
                @size-change="handleSizeChange1"
                @current-change="pagehandleCurrentChange1"
                :current-page="currentPage1"
                :page-sizes="[5,10,15]"
                :page-size="pagesize1"
                layout="total, sizes, prev, pager, next, jumper"
                :total="totalcount1"
              ></el-pagination>
            </div>
          </el-col>
        </el-row>
      </div>
      <div style="margin-bottom: 10px;background-color: #fff;" v-if="flag1">
        <el-row type="flex" justify="center">
          <el-col :span="23" class="text">
            <el-col :span="12">
              <h4>明日上午</h4>
            </el-col>
            <el-col :span="12">
              <el-col style="width: 65px;float: right;">
                <el-button class="edit" size="small" @click="edittm" round>修改
                </el-button>
              </el-col>
            
            </el-col>
          </el-col>
        </el-row>
        <el-row type="flex" justify="center">
          <el-col :span="23">
            <el-table
              ref="singleTable2"
              highlight-current-row
              :data="tableData2"
              @current-change="handleCurrentChange2"
            >
              <el-table-column
                width="100"
                label="姓名"
              >
                <template slot-scope="scope">
                  <span style="color: #757575;">{{scope.row.name}}</span>
                </template>
              </el-table-column>
              <el-table-column
                width="100"
                prop="customerName"
                label="推送客户"
              >
              </el-table-column>
              <el-table-column
                prop="postName"
                label="推送职位">
              </el-table-column>
              <el-table-column
                width="100"
                prop="postLevel"
                label="职位级别">
              </el-table-column>
              <el-table-column
                prop="initialTime"
                label="候选人时间">
              </el-table-column>
              <el-table-column
                prop="communication"
                label="前期沟通情况"
              >
              </el-table-column>
              <el-table-column
                prop="candidateChangeReason"
                label="原因"
              >
              </el-table-column>
            </el-table>
            <div class="pager">
              <el-pagination
                @size-change="handleSizeChange2"
                @current-change="pagehandleCurrentChange2"
                :current-page="currentPage2"
                :page-sizes="[5,10,15]"
                :page-size="pagesize2"
                layout="total, sizes, prev, pager, next, jumper"
                :total="totalcount2"
              ></el-pagination>
            </div>
          </el-col>
        </el-row>
      </div>
      
      
      <!-- <el-row type="flex" justify="space-between" style='background-color: #fff;'>
        <el-col :span="4" class="tabletitle">
          <h4>我的任务</h4>
        </el-col>
      </el-row>
      <el-row type="flex" justify="center" style="background-color: #fff;">
        <el-col :span="23">
          <el-row style="background-color: #fff;">
            
            <el-row type="flex" justify="end" style="margin-bottom: 15px;">
              <el-col :span="12">
                <div class="box">
                  <el-col style="border-bottom: 2px solid #ececec;height: 50%;">
                    <el-row style="padding-left: 20px;">
                      <el-col>
                        <p class="mytitle">主做职位</p>
                      </el-col>
                      <el-col style="margin-top: 20px;" v-if="owntodaytaskinfo.main">
                      <span class="secondtitle" style="margin-right: 30px;"
                            v-for="(item,index) in owntodaytaskinfo.main.postNameList" :key="index"
                            @click="mytask(item.id)">{{item.name}}</span>
                      </el-col>
                    </el-row>
                  </el-col>
                  <el-col style="height: 50%;">
                    <el-col :span="8" style="height: 100%;" class="mainlist">
                      <div class="list">
                        <el-col :span="6">
                          <i class="iconfont icon-bingzhuangtu"></i>
                        </el-col>
                        <el-col :span="15" :offset="2" class="numtext">
                          <p v-if="owntodaytaskinfo.main">{{owntodaytaskinfo.main.totalNum}}</p>
                          <p>任务简历数</p>
                        </el-col>
                      </div>
                    </el-col>
                    <el-col :span="8" style="height: 100%;" class="mainlist">
                      <div class="list">
                        <el-col :span="6">
                          <i class="iconfont icon-weibiaoti--"></i>
                        </el-col>
                        <el-col :span="15" :offset="2" class="numtext">
                          <p v-if="owntodaytaskinfo.main">{{owntodaytaskinfo.main.finishNum}}</p>
                          <p>完成简历数</p>
                        </el-col>
                      </div>
                    </el-col>
                    <el-col :span="8" style="height: 100%;" class="mainlist">
                      <div class="list">
                        <el-col :span="6">
                          <i style="color: #f56c6c;" class="iconfont icon-weiwancheng"></i>
                        </el-col>
                        <el-col :span="15" :offset="2" class="numtext">
                          <p v-if="owntodaytaskinfo.main">{{owntodaytaskinfo.main.leftNum}}</p>
                          <p>未完成简历数</p>
                        </el-col>
                      </div>
                    </el-col>
                  </el-col>
                </div>
              </el-col>
              <el-col :span="12">
                
                <div class="box" style="margin-left: 5%;">
                  <el-col style="border-bottom: 2px solid #ececec;height: 50%;">
                    <el-row style="padding-left: 20px;">
                      <el-col>
                        <p class="mytitle">辅做职位</p>
                      </el-col>
                      <el-col style="margin-top: 20px;" v-if="owntodaytaskinfo.sup">
                      <span class="secondtitle" style="margin-right: 30px;"
                            v-for="(item,index) in owntodaytaskinfo.sup.postNameList" :key="index"
                            @click="mytask(item.id)">{{item.name}}</span>
                      </el-col>
                    </el-row>
                  </el-col>
                  <el-col style="height: 50%;">
                    <el-col :span="8" style="height: 100%;" class="mainlist">
                      <div class="list">
                        <el-col :span="6">
                          <i class="iconfont icon-bingzhuangtu"></i>
                        </el-col>
                        <el-col :span="15" :offset="2" class="numtext">
                          <p v-if="owntodaytaskinfo.sup">{{owntodaytaskinfo.sup.totalNum}}</p>
                          <p>任务简历数</p>
                        </el-col>
                      </div>
                    </el-col>
                    <el-col :span="8" style="height: 100%;" class="mainlist">
                      <div class="list">
                        <el-col :span="6">
                          <i class="iconfont icon-weibiaoti--"></i>
                        </el-col>
                        <el-col :span="15" :offset="2" class="numtext">
                          <p v-if="owntodaytaskinfo.sup">{{owntodaytaskinfo.sup.finishNum}}</p>
                          <p>完成简历数</p>
                        </el-col>
                      </div>
                    </el-col>
                    <el-col :span="8" style="height: 100%;" class="mainlist">
                      <div class="list">
                        <el-col :span="6">
                          <i style="color: #f56c6c;" class="iconfont icon-weiwancheng"></i>
                        </el-col>
                        <el-col :span="15" :offset="2" class="numtext">
                          <p v-if="owntodaytaskinfo.sup">{{owntodaytaskinfo.sup.leftNum}}</p>
                          <p>未完成简历数</p>
                        </el-col>
                      </div>
                    </el-col>
                  </el-col>
                </div>
              
              
              </el-col>
            </el-row>
          </el-row>
        </el-col>
      </el-row> -->
      
      <div class="myupload">
        <el-row type="flex" justify="space-between">
          <el-col class="tabletitle">
            <h4>我的上传</h4>
          </el-col>
        </el-row>
        <el-row>
          <div v-if="uploadlist.length == 0">
            <div style="margin-top: 30px;text-align: center;margin-bottom: 30px;">
              <img src="../../../static/image/leida.png" alt="">
              <p style="color: #b6b6b6;margin-top: 30px;">咦，今天还没有上传简历哦!</p>
            </div>
          
          </div>
        </el-row>
        <el-row type="flex" justify="center" v-if="uploadlist.length !== 0">
          <el-col :span="23">
            <el-col :span="6" v-for="(item,index) in uploadlist" :key="index" style="margin-bottom: 10px;">
              <div class="uploadbox">
                <el-row class="roletitle">
                  <el-col style="margin-top: 15px;">
                    <el-col>
                      <a class="other"
                         style="font-size: 18px;color: #333;font-weight: 700;margin-left: 15px;margin-bottom: 15px;display: inline-block;"
                         :href="item.group+'/'+item.fileAddress" target="_blank">{{item.姓名}}</a>
                      <div
                        style="width: 25px;height: 25px;background-color: #f8ac2f;display: inline-block;text-align: center;margin-left: 15px;"
                        v-if="item.类别 == '主'">
                        <span style="font-size: 12px;color: #fff;">{{item.类别}}</span>
                      </div>
                      <div
                        style="width: 25px;height: 25px;background-color: #9492f1;display: inline-block;text-align: center;margin-left: 15px;"
                        v-if="item.类别== '辅'">
                        <span style="font-size: 12px;color: #fff;">{{item.类别}}</span>
                      </div>
                      <div
                        style="width: 25px;height: 25px;border-radius: 5px;background-color: #50c188;display: inline-block;text-align: center;margin-left: 15px;"
                        v-if="item.类别== '无'">
                        <span style="font-size: 12px;color: #fff;">{{item.类别}}</span>
                      </div>
                    </el-col>
                    <el-col>
                      <el-col :span="14" style="margin-bottom: 15px;">
                        <el-col :span="6">
                          <i class="el-icon-s-custom iconcolor" style="margin-left: 15px;"></i>
                        </el-col>
                        <el-col :span="18">
                          <span style="font-size: 14px;color: #9e9e9e;">{{item.客户名称}}</span>
                        </el-col>
                      
                      </el-col>
                      <el-col :span="10">
                        <i class="iconfont icon-diqu iconcolor"></i>
                        <span style="font-size: 14px;color: #9e9e9e;">{{item.地区}}</span>
                      </el-col>
                    </el-col>
                    <el-col>
                      <el-col :span="14">
                        <el-col :span="6">
                          <i class="iconfont icon-zhiwei iconcolor" style="margin-left: 15px;"></i>
                        </el-col>
                        <el-col :span="18">
                          <span style="font-size: 14px;color: #9e9e9e;">{{item.职位}}</span>
                        </el-col>
                      
                      </el-col>
                      <el-col :span="10">
                        <i class="iconfont icon-jibiebiangeng iconcolor"></i>
                        <span style="font-size: 14px;color: #9e9e9e;">{{item.级别}}</span>
                      </el-col>
                    </el-col>
                  
                  
                  </el-col>
                </el-row>
              </div>
            </el-col>
          </el-col>
        </el-row>
      </div>
    
    </div>
    
    <el-dialog
      title="错误"
      :visible.sync="errordialogVisible"
      width="30%"
      :before-close="handleClose"
      class="deletedialog"
    >
      <div style="text-align: center">
        <i class="el-icon-warning" style="font-size: 20px;color: #fcb543;"><span
          style="font-size: 16px;color: #333;margin-left: 12px;">尚未选择任何候选人!</span></i>
      </div>
      <span slot="footer" class="dialog-footer">
           <el-button class="sure" round @click="handleClose">确 定</el-button>
    <el-button round @click="handleClose" class="cancel">取 消</el-button>
  </span>
    </el-dialog>
    
    <el-dialog
      title="修改"
      :visible.sync="editdialogVisible"
      width="415px"
      :before-close="editnumClose"
      class="addroledialog"
    >
      <div style="text-align: left">
        
        <el-form label-position="top" ref="editform" :model="form" :rules="rules" style="padding:0px 50px;">
          <el-form-item
            label="前期沟通情况"
            prop="result"
          >
            <el-col>
              <el-select v-model.trim="form.result" style="width: 100%;" @change="selectsituation">
                <el-option v-for="(item,index) in situationlist" :label="item" :key="index"
                           :value="item"></el-option>
              </el-select>
            </el-col>
          </el-form-item>
          <el-form-item
            label="原因"
            prop="reason"
          >
            <el-col>
              <el-input type="input" v-model.trim="form.reason" placeholder="请输入原因"></el-input>
            </el-col>
          
          </el-form-item>
          <el-form-item
            label="面试时间"
            prop="time"
            v-if="istime"
          >
            <el-col>
              <el-date-picker
                v-model="form.time"
                type="datetime"
                style="width: 274px;"
                placeholder="请选择面试时间">
              </el-date-picker>
            </el-col>
          
          </el-form-item>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
           <el-button class="sure" round :disabled="editdis" @click="submitForm('editform')">确 定</el-button>
    <el-button round @click="editnumClose" class="cancel">取 消</el-button>
  </span>
    </el-dialog>
    
    <my-task v-if="detailShow" @requireTask="requiretask" :id="id"></my-task>
  
  </div>
</template>
<script>
  import axios from 'axios';
  import MyTask from './mytask'
  
  export default {
    name: 'todaytask',
    data() {
      return {
        owntodaytaskinfo: [],
        detailShow: false,
        id: '',
        secondtitle: '',
        secondshow: false,
        colorlist: ["#28c7c8", "#9492d6", "#4bcfa5"],
        uploadlist: [],
        tableData: [],
        currentPage: 1,
        pagesize: 5,
        totalcount: 0,
        currentRow: null,
        tableData1: [],
        currentPage1: 1,
        pagesize1: 5,
        totalcount1: 0,
        currentRow1: null,
        tableData2: [],
        currentPage2: 1,
        pagesize2: 5,
        totalcount2: 0,
        currentRow2: null,
        errordialogVisible: false,
        editdialogVisible: false,
        editdis: false,
        form: {
          id: '',
          result: '',
          reason: '',
          time: ''
        },
        rules: {
          result: [
            {required: true, message: "请选择前期沟通情况", trigger: "change"}
          ],
          reason: [
            {required: true, message: "请填写原因", trigger: "blur"}
          ],
          time: [
            {required: true, message: "请选择面试时间", trigger: "change"}
          ],
        },
        situationlist: ["准时", "放弃", "不去面试时间待定", "晚点", "更换面试时间"],
        istime: false,
        flag: false,
        flag1: false,
        type: null
      }
    },
    created() {
      this.getData();
      this.selectinterviewforhr1();
      this.selectinterviewforhr2();
      this.selectinterviewforhr3();
      axios.post(this.url + '/todaytask/selectfinishresume').then(res => {
        this.unlogin(res.data.code);
        if (res.data.code == 200) {
          this.uploadlist = res.data.data;
        }
      })
    },
    components: {
      MyTask
    },
    methods: {
      //今日上午
      selectinterviewforhr1() {
        axios.post(this.url + '/todayinterview/selectinterviewforhr1', {
          pageNum: this.currentPage,
          pageSize: this.pagesize
        }).then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            if (res.data.data !== null) {
              this.flag = true;
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            } else {
              this.flag = false;
            }
          }
        })
      },
      //今日下午
      selectinterviewforhr2() {
        axios.post(this.url + '/todayinterview/selectinterviewforhr2', {
          pageNum: this.currentPage1,
          pageSize: this.pagesize1
        }).then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            this.tableData1 = res.data.data.list;
            this.totalcount1 = res.data.data.total;
          }
        })
      },
      //明天上午
      selectinterviewforhr3() {
        axios.post(this.url + '/todayinterview/selectinterviewforhr3', {
          pageNum: this.currentPage2,
          pageSize: this.pagesize2
        }).then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            if (res.data.data !== null) {
              this.flag1 = true;
              this.tableData2 = res.data.data.list;
              this.totalcount2 = res.data.data.total;
            }
          } else {
            this.flag1 = false;
          }
        })
      },
      //修改弹出框里的时间选择框的显示与隐藏
      selectsituation() {
        if (this.form.result == "晚点" || this.form.result == "更换面试时间") {
          this.form.reason = "";
          this.form.time = '';
          this.istime = true;
        } else {
          this.form.reason = "";
          this.form.time = '';
          this.istime = false;
        }
  
        if(this.form.result == "准时"){
          this.form.reason = "该候选人准时到达面试现场"
        }
      },
      //获取简历数量的相关数据
      getData() {
        axios.post(this.url + '/todaytask/querytodaytaskinfo').then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            //用户自己的任务信息
            this.owntodaytaskinfo = res.data.data.owntodaytaskinfo;
          }
        })
      },
      mytask(id) {
        this.id = id;
        this.detailShow = !this.detailShow;
        this.secondtitle = '查看任务详情'
        this.secondshow = !this.secondshow;
      },
      requiretask() {
        this.secondtitle = '查看需求详情'
        this.detailShow = true;
        this.secondshow = true;
      },
      tableshow() {
        this.detailShow = false;
        this.secondshow = false;
        this.getData();
      },
      editam() {
        if (this.currentRow == null) {
          document.documentElement.style.overflow = 'hidden';
          this.errordialogVisible = true;
        } else {
          this.type = 1;
          document.documentElement.style.overflow = 'hidden';
          this.editdialogVisible = true;
          this.form.id = this.currentRow.id;
          this.form.result = this.currentRow.communication;
          this.form.reason = this.currentRow.candidateChangeReason;
          this.form.time = this.currentRow.candidateTime;
          if (this.form.result == "晚点" || this.form.result == "更换面试时间") {
            this.istime = true;
          } else {
            this.istime = false;
          }
  
          if(this.form.result == "准时"){
            this.form.reason = "该候选人准时到达面试现场"
          }
        }
      },
      editpm() {
        if (this.currentRow1 == null) {
          document.documentElement.style.overflow = 'hidden';
          this.errordialogVisible = true;
        } else {
          this.type = 2;
          document.documentElement.style.overflow = 'hidden';
          this.editdialogVisible = true;
          this.form.id = this.currentRow1.id;
          this.form.result = this.currentRow1.communication;
          this.form.reason = this.currentRow1.candidateChangeReason;
          this.form.time = this.currentRow1.candidateTime;
          if (this.form.result == "晚点" || this.form.result == "更换面试时间") {
            this.istime = true;
          } else {
            this.istime = false;
          }
  
          if(this.form.result == "准时"){
            this.form.reason = "该候选人准时到达面试现场"
          }
        }
      },
      edittm() {
        if (this.currentRow2 == null) {
          document.documentElement.style.overflow = 'hidden';
          this.errordialogVisible = true;
        } else {
          this.type = 3;
          document.documentElement.style.overflow = 'hidden';
          this.editdialogVisible = true;
          this.form.id = this.currentRow2.id;
          this.form.result = this.currentRow2.communication;
          this.form.reason = this.currentRow2.candidateChangeReason;
          this.form.time = this.currentRow2.candidateTime;
          if (this.form.result == "晚点" || this.form.result == "更换面试时间") {
            this.istime = true;
          } else {
            this.istime = false;
          }
  
          if(this.form.result == "准时"){
            this.form.reason = "该候选人准时到达面试现场"
          }
        }
      },
      handleClose(done) {
        this.errordialogVisible = false;
        document.documentElement.style.overflow = 'auto';
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            axios.post(this.url + '/todayinterview/updateinterviewtime', this.form).then(res => {
              this.unlogin(res.data.code);
              if (res.data.code == 200) {
                if (this.type == 1) {
                  this.selectinterviewforhr1();
                }
                if (this.type == 2) {
                  this.selectinterviewforhr2();
                }
                if (this.type == 3) {
                  this.selectinterviewforhr3();
                }
                document.documentElement.style.overflow = 'auto';
                this.editdialogVisible = false;
                this.$refs.editform.resetFields();
              }
            })
          }
        })
      },
      editnumClose() {
        if (this.type == 1) {
          this.$refs.singleTable.clearSelection();
          this.selectinterviewforhr1();
          this.type = null;
        }
        if (this.type == 2) {
          this.$refs.singleTable1.clearSelection();
          this.selectinterviewforhr2();
          this.type = null;
        }
        if (this.type == 3) {
          this.$refs.singleTable2.clearSelection();
          this.selectinterviewforhr3();
          this.type = null;
        }
        this.$refs.editform.resetFields();
        document.documentElement.style.overflow = 'auto';
        this.editdialogVisible = false;
      },
      //上午
      handleSizeChange(val) {
        this.pagesize = val;
        this.selectinterviewforhr1();
      },
      handleCurrentChange(val) {
        this.currentRow = val;
      },
      pagehandleCurrentChange(val) {
        this.currentPage = val;
        this.selectinterviewforhr1();
      },
      //下午
      handleSizeChange1(val) {
        this.pagesize1 = val;
        this.selectinterviewforhr2();
      },
      handleCurrentChange1(val) {
        this.currentRow1 = val;
      },
      pagehandleCurrentChange1(val) {
        this.currentPage1 = val;
        this.selectinterviewforhr2();
      },
      //明天上午
      handleSizeChange2(val) {
        this.pagesize2 = val;
        this.selectinterviewforhr3();
      },
      handleCurrentChange2(val) {
        this.currentRow2 = val;
      },
      pagehandleCurrentChange2(val) {
        this.currentPage2 = val;
        this.selectinterviewforhr3();
      },
    }
  }
</script>
<style scoped>
  .title {
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 20px;
    margin-top: 6px;
    margin-bottom: 6px;
  }
  
  .posttable {
    min-height: 700px;
    background-color: #f4f7f9;
  }
  
  
  .tabletitle {
    margin-left: 20px;
    height: 50px;
    line-height: 50px;
  }
  
  .box {
    width: 95%;
    height: 194px;
    border: 2px solid #ececec;
  }
  
  .mytitle {
    margin-top: 18px;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    letter-spacing: 2px;
  }
  
  .secondtitle {
    color: #119aff;
    cursor: pointer;
  }
  
  .list {
    height: 44px;
    margin-top: 30px;
    padding-left: 20px;
    /*line-height: 97px;*/
  }
  
  .list i {
    font-size: 42px;
    color: #1397fc;
  }
  
  .mainlist:nth-child(1) .list {
    border-right: 1px solid #ccc;
  }
  
  .mainlist:nth-child(2) .list {
    border-right: 1px solid #ccc;
  }
  
  .textactive {
    color: #1099ff;
  }
  
  .numtext {
    line-height: 1;
    color: #757575;
    font-size: 16px;
  }
  
  
  .uploadbox {
    width: 95%;
    height: 135px;
    border: 1px solid #ececec;
    margin-bottom: 30px;
    border-radius: 10px;
    margin: 0 auto;
  }
  
  .iconcolor {
    color: #3688e9;
    margin-right: 10px;
  }
  
  .myupload {
    background-color: #fff;
    margin-top: 10px;
  }
  
  .other {
    cursor: pointer;
    text-decoration: none;
  }
  
  
  .edit {
    width: 65px;
    height: 28px;
    padding: 7px 15px !important;
    opacity: 0.86;
    color: #fff;
    background: linear-gradient(to bottom, #00cebf 0%, #009085 100%);
  }
  
  .text {
    height: 50px;
    line-height: 50px;
  }
  
  .pager {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .el-pagination {
    margin-left: 50%;
    transform: translateX(-50%);
  }
</style>
